<template>
  <div class="all-list">
    <div class="all-head">
      <span v-show="type">{{type}}</span>
    </div>
    <ul class="all">
      <li class="all-item"
          v-for="(item,index) in brand">
        <img :src="item" alt="">
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ['brand', 'type']
}
</script>
<style scoped>
.all-list {
  background: white;
  padding: 0.57em 0.28rem;
  border-radius: 0.14rem;
  margin-bottom: 0.85rem;
  color: #232323;
  box-shadow: 0px 2px 6px 0px #e9ecf0;
  font-size: 0.85rem;
}
.all {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.all-item {
  width: 33%;
  border-right: 1px solid #F7F9FA;
  border-bottom: 1px solid #F7F9FA;
  text-align: center;
  padding:0.5rem 0rem;

}
.all-item:nth-of-type(3n){
  border-right: 0px ;
}
.all-item:nth-of-type(13){
  border-bottom: 0px ;
}
.all-item:nth-of-type(14){
  border-bottom: 0px ;
}
.all-item img{
  width: 80%;
}

.all-head {
  display: flex;
  justify-content: space-between;
  margin-left: 0.57rem;
}
</style>